<template>
	<view class="operation-modal">
		<view class="operation-dialog">
			<view class="operation-box">
				<view class="pic-box">
					<image class="pic-img" src="../../static/img/cart-img.png" mode="aspectFill"></image>
				</view>
				<view class="intro-box">
					<view class="intro-tit">
						A580进口高速防滑传动带
					</view>
					<view class="intro-cost">
						<text class="prefix">￥</text> 299.00
					</view>
					<view class="intro-desc">
						价格:3(元/米)*5(米)*6(连组数)
					</view>
					<image src="../../static/img/close.png" mode="aspectFill" class="intro-close" @click="close"></image>
				</view>
			</view>
			<view class="count-wrapper">
				<view class="count-label">
					请选择数量
				</view>
				<uni-number-box class="count-nums" :min="1" :max="9999" @change="numChange"></uni-number-box>
			</view>
			<operation-footer :collected="collected" @telClick="telClick" @join="join" @buy="buy" @collectClick="collectClick"></operation-footer>
		</view>
	</view>
</template>

<script>
	import uniNumberBox from "@/components/uni-number-box/uni-number-box.vue"
	import operationFooter from "@/components/operation-footer/operation-footer.vue"
	export default {
		props: {
			collected: {
				default: false
			}
		},
		components: {uniNumberBox,operationFooter},
		data() {
			return {
				
			}
		},
		methods: {
			telClick() {
				this.$emit('telClick')
			},
			join() {
				this.$emit('join')
			},
			buy() {
				this.$emit('buy')
			},
			collectClick() {
				this.$emit('collectClick')
			},
			
			numChange() {
				
			},
			close() {
				this.$emit('close')
			}

		}
	}
</script>

<style>

</style>
